<!DOCTYPE html>
<html>
<head lang="en">
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<title>帕纸</title>
	<link rel="stylesheet" href="${ctx}/css/bootstrap.min.css">
	<link rel="stylesheet" href="${ctx}/css/bootstrap-theme.min.css">
	<link rel="stylesheet" href="${ctx}/css/main.css">
	<script type="text/javascript" src="${ctx}/js/jquery.min.js"></script>
	<script type="text/javascript" src="${ctx}/js/jquery.form.min.js"></script>
	<script type="text/javascript" src="${ctx}/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="${ctx}/js/button.js"></script>
	<script type="text/javascript" src="${ctx}/js/bootstrap-typeahead.js"></script>
</head>
<body>

<nav class="navbar navbar-default navbar-fixed-top">
	<div class="container">
		<div id="navbar" class="collapse navbar-collapse">
			<ul class="nav navbar-nav">
				<li class="active"><a href="./">首页</a></li>
				<li><a href="">2</a></li>
				<li><a href="">3</a></li>
			</ul>
		</div>
	</div>
</nav>

<div class="container" style="margin-top: 80px;width: auto;">
	<div style="width: 950px;display: block;margin: 30px auto;">
		<div class="jumbotron" style="padding:30px 0 30px 20px;overflow: hidden;">
			<div style="width: 60%;float: left;">
				<h1>欢迎来到Parnote</h1>

				<p>Parnote(帕纸)是一个将动态以身份，地点和事件标注起来的标签式社交平台。</p>

				<p>想分享/抱怨的东西朋友圈里的人不懂或不接触？想探索某个行业/地区的人们都爱玩什么,想什么？或者专注于某个事件，渴望看到在不同行业和地区之间的差异。</p>

				<p>微博关注了明星，人人关联了校友，冥冥之中感觉还缺少了什么。或许厌倦了贴吧和论坛，来试试全新的社交方式吧。</p>

				<p>加入我们，开启全新的分享和探索之旅！</p>
			</div>
			<div class="index-login">
			<@spform.form id="login" action="${ctx}/action/login" class="index-login-form">
				<div class="form-group">
					<input type="text" class="form-control" autocomplete="off" placeholder="邮件地址">
				</div>
				<table>
					<tbody>
					<tr>
						<td style="width: 98%;padding-right: 5px;">
							<input type="password" class="form-control" autocomplete="off" placeholder="密码">
						</td>
						<td style="width:2%;">
							<button type="button" id="login" class="btn btn-primary">登陆</button>
						</td>
					</tr>
					</tbody>
				</table>
			</@spform.form>
			</div>
			<div class="index-login">
			<@spform.form id="signup" class="index-login-form" action="${ctx}/signup" method="POST">
				<div class="form-group">
					<input type="text" class="form-control" autocomplete="off" name="nickname" placeholder="昵称">
				</div>
				<div class="form-group">
					<input type="text" class="form-control" autocomplete="off" name="email" placeholder="邮件地址">
				</div>
				<input type="password" name="password" autocomplete="false" class="form-control" placeholder="密码">
				<button type="submit" id="signup" class="btn btn-info" style="float: right;margin: 10px 0;">注册 parnote</button>
			</@spform.form>
			</div>
		</div>

	</div>
</div>

</body>
</html>